<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<html>
<head>
<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>农芯乐信息管理系统</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script src="js/city-picker.data.js"></script>
<script src="js/city-picker.js"></script>
<style>
.city-picker-span { width:300px;}
</style>
</head>

<body style="background:#328f46">
<div class="headiv">
	<div class="logotag">
        <a class="logo"><img src="img/logo.png" width="440" height="65"></a>
        <b class="line"></b>
    </div>
    <a class="username">欢迎登录：<i>admin</i></a>
    <span class="btnbox">
    	<a class="update" href="#" title="修改"></a><a class="exit" href="#" title="退出"></a>
    </span>
    <div class="clear" style="height:20px; background:#328f46"></div>
</div>

<div class="messagebox">
	<div class="messageleft">
    	<ul class="Fstage">
        	<li><a href="#"><em class="e1"></em>常用操作<div class="clear"></div></a>
            	<ul class="Tstage" >
                	<li><a href="Manage_welcome.html">欢迎页面</a></li>
                    <li><a href="#">账号页面</a></li>
                    <li><a href="Manage_statistics.html">县域统计</a></li>
                </ul>
            </li>
            <li><a href="#"><em class="e2"></em>账号管理<div class="clear"></div></a>
            	<ul class="Tstage">
                	<li><a href="Manage_account.html">账户信息</a></li>
                    <li><a href="Manage_safe.html">账户安全</a></li>
                </ul>
            </li>
            <li><a href="#"><em class="e3"></em>县域统计<div class="clear"></div></a>
            	<ul class="Tstage">
                	<li><a href="Manage_tiyan.html">县域交易额信息</a></li>
                    <li><a href="Manage_tiyan.html">体验店信息</a></li>
                    <li><a href="Manage_pinkun.html">贫困户信息</a></li>
                    <li><a href="Manage_diansh.html">电商培训</a></li>
                    <li><a href="Manage_wuliu.html">物流车辆</a></li>
                </ul>
            </li>
           
        </ul>
    </div>
    <div class="messageright">
    	<div class="formpage">
        	<div class="clear" style="height:20px"></div>
        	<h2>物流车辆信息
            	<a class="greenbtn add" onclick="callback()" href="#">新增</a>
            </h2>
            <div class="clear" style="height:30px"></div>
          	
            <span class="information">
            	<div class="clear" style="height:10px"></div>
            	
                <form class="datable">
                    <table width="100%" border="1" cellpadding="0" cellspacing="0">
                    	<tr>
                            <th width="10%">车牌号</th>
                            <th width="10%">司机</th>
                            <th width="10%">手机</th>
                            <th width="10%">车型</th>
                            <th width="30%">负责区域</th>
                            <th width="10%">是否专用车</th>
                            <th width="10%">车辆归属</th>
                            <th width="10%">操作</th>
                        </tr>
                        <tr>
                        	<td>晋H798789</td>
                            <td>李栋</td>
                            <td>1546678456</td>
                            <td>别克</td>
                            <td>太原杏花岭</td>
                            <td>是</td>
                            <td>自有</td>
                            <td><a class="dolink" href="#">修改</a></td>
                        </tr>
                        <tr>
                        	<td>晋H798789</td>
                            <td>李栋</td>
                            <td>1546678456</td>
                            <td>别克</td>
                            <td>太原杏花岭</td>
                            <td>是</td>
                            <td>自有</td>
                            <td><a class="dolink" href="#">修改</a></td>
                        </tr>
                        <tr>
                        	<td>晋H798789</td>
                            <td>李栋</td>
                            <td>1546678456</td>
                            <td>别克</td>
                            <td>太原杏花岭</td>
                            <td>是</td>
                            <td>自有</td>
                            <td><a class="dolink" href="#">修改</a></td>
                        </tr>
                        <tr>
                        	<td>晋H798789</td>
                            <td>李栋</td>
                            <td>1546678456</td>
                            <td>别克</td>
                            <td>太原杏花岭</td>
                            <td>是</td>
                            <td>自有</td>
                            <td><a class="dolink" href="#">修改</a></td>
                        </tr>
                    </table>
                </form>
                <div class="clear"></div>
            </span>
            <div class="clear" style="height:50px"></div>
           
            
        </div>
    </div>
    <div class="clearh" style="height:0"></div>
</div>


<!--弹出新增层-->
<div class="popbox">
	<h2>新增物流车辆信息</h2>
    <form>
    	<div class="clear" style="height:50px;"></div>
    	<table cellpadding="0" cellspacing="0" width="100%">
        	<tr>
            	<td width="10%">车牌号</td>
                <td width="40%"><input class="textput" type="text"/></td>
                <td width="50%"><p class="tip">*此处不能为空</p></td>
            </tr>
            <tr>
            	<td>车型</td>
                <td><input class="textput" type="text"/></td>
                <td><p class="wrrong">*此处不能为空</p></td>
            </tr>
            <tr>
            	<td>司机</td>
                <td><input class="textput" type="text"/></td>
                <td><p class="wrrong">*此处不能为空</p></td>
            </tr>
            <tr>
            	<td>手机</td>
                <td><input class="textput" type="text"/></td>
                <td><p class="wrrong">*此处不能为空</p></td>
            </tr>
            <tr>
            	<td>负责区域</td>
                <td><input class="textput" type="text"/></td>
                <td><p class="wrrong">*此处不能为空</p></td>
            </tr>
            <tr>
            	<td>车辆归属</td>
                <td>
                	<select>
                    	<option>--请选择--</option>
                    	<option>自有</option>
                        <option>第三方</option>
                    </select>
                </td>
                <td><p class="wrrong">*此处不能为空</p></td>
            </tr>
            <tr>
            	<td></td>
                <td colspan="2">
                	<div class="clear" style="height:20px"></div>
                	<a href="#" class="linebtn">保存</a>
                	<a href="#" onclick="addclose();" class="greenbtn">取消</a>
                </td>
            </tr>
        </table>
    </form>
</div>
</body>
</html>
<script>
function callback() {
	
		$('body').append('<div id="mask"></div>');
		$('#mask').fadeIn();
		$('.popbox').css('display', 'block');
	}
function addclose() {
	$('#mask').fadeOut();
	$('.popbox').css('display', 'none');
}	
</script>
